<template>
  <div class='app-wrap' ref='app'>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>  
</template>

<script>
  import AppWrap from 'components/app-wrap'
  import axios from 'axios'
  import {ERR_OK} from 'api/config'


  export default {
    name: 'app',
    data() {
      return{
        navList: []
      }
    },
    created() {

    },
    components: {
      AppWrap
    },
    mounted () {
      let Middle          = 600
      let H               = window.innerHeight || document.documentElement.clientWidth 
      console.log(H)
      if(H > Middle) {
        let T             = Math.ceil((H - 675) / 2)

        this.$refs.app.style.marginTop = T + 'px'

        // this.$refs.app.style.marginTop    = T
      }
    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~@/common/stylus/variable.styl"
  @import "~@/common/stylus/mixin.styl"
  
  .main
    background-color: #fafafa
    .w990p10
      overflow: hidden
  .app-wrap
    box-sizing: border-box
    position: relative
    max-width: 375px
    min-height: 667px
    max-height: 667px 
    margin: 0 auto   
</style>
